.icute{background: url("sprite.png?v=3") 0 0 no-repeat}
/*********** Tin Tức ******************/
.boxContent{width: 440px}
.boxContent h2 {background-position:0 -112px; position: relative}
.boxContent h2 .news{width: 31px;height: 31px;background-position:-448px -112px;position: absolute;left: 18px;top:0px}
.boxContent h2 span {color:#fdd4c2;font-size:13px;height:33px;line-height:33px;padding-left:53px;font-weight: bold;display: block;text-transform: uppercase}
.boxContent .boxNew .tt_prefix, .boxContent .boxNew .sk_prefix{color: #fff;font-size: 11px;font-weight: bold;width: 25px;height: 14px;background: #8b5a49;display: inline-block;line-height: 14px;text-align: center;-moz-border-radius: 2px; -webkit-border-radius: 2px;margin-right: 7px}
.boxContent .boxNew .sk_prefix{background: #ee222a}
.boxNew {position:relative;background:url(bgContentBox.png) no-repeat 0 0 #e5dec7;padding: 10px 10px 11px}
.boxNew h3 {line-height:20px;margin-bottom: 5px;position: relative}
.boxNew h3 .datePost {color:#262626;font-size:13px;position:absolute;right:0;top:-1px;font-weight: normal}
.boxNew h3 a {color:#262626;font-size: 13px}
.boxNew h3 a:hover {color:#8b5a49}
.boxNew .published {color:#977f55;position:absolute;right:0;top: 3px;}
.boxNew .boxNewData {position:relative;padding:3px 0 9px 108px ;min-height:50px}
.boxNewData .newThumb {border:1px solid #6688a9;left:0;position:absolute;top:0;-moz-border-radius: 2px; -webkit-border-radius: 2px}
.boxNewData .newDataContent {color:#262626;line-height:18px;font-size: 13px;padding-right: 25px;max-height: 55px;overflow: hidden;}
.boxNewData .viewMore-link {}
.otherNew {display:block;}
.lstOtherNew {}
.lstOtherNew li {line-height:23px;position:relative;padding:3px 0;background: url("linespace1.jpg") 0 100% repeat-x}
.lstOtherNew li:first-child {padding-top:3px}
.lstOtherNew a {color:#8b5a49;display:inline-block;font-size:13px;}
.lstOtherNew a:hover {color:#262626}
.lstOtherNew .datePost {color:#262626;font-size:13px;position:absolute;right:0;top:5px}
.boxContent h2 a.ViewMore { width: 58px;height: 16px; display: block;position: absolute; z-index: 2;top: 10px;right:11px;font-size: 11px;font-weight: normal;color: #000;text-align: center;background-position: -448px -368px}

/**** Kinh Nghiệm **********/

.boxExp h2 .docs{width: 31px;height: 31px;position: absolute;left: 18px;background-position: -448px -144px;top:0}
.boxExp .boxNew{padding-bottom: 25px}
/****** Đặc Sắc *************/
.boxFeature h2 {background-position:0 -160px !important;}
.boxFeature .alcohol{width: 31px;height: 31px;position: absolute;left: 18px;background-position: -448px -176px}
.boxFeature .boxNew .arrow{width: 7px;height: 7px;position: absolute;left: -7px;top:12px;background-position: -496px -315px}
.boxFeature .boxNew {padding:10px 0 4px 20px;background:url(bgContentBox2.png) no-repeat 0 0 #e5dec7 }
.boxFeature .boxNew h3 .arrow{top:7px}
.boxFeature{width: 330px}
.boxFeature .boxNewData .newDataContent{padding-right: 0}

/******************** Wrapper ***************************/
.containerMini{background:url(../../../shg_frontend/images/website/bgTop2.jpg?v=3) no-repeat 50% 0;}
.wrapper-inner {padding-left:220px;padding-right:166px;padding-bottom: 100px;}
.wrapper-inner .wrapper-left {width:220px;margin-left:-220px;position: relative}
/************************* Flash Download **********************/
.wrapper-inner .wrapper-left .fakePlay{position: absolute;left: -51px;top: -182px}
.fakePlay .boxButton{margin-left: 51px;background-position: -601px -320px;margin-top: -5px;width: 216px}
.boxButton .shgBtn{display: block;width: 106px;height: 46px;position: relative}
.loginBefore .shgRegisterBox .shgBtn {float: left}
.loginBefore .shgCoin .shgBtn {float: right}
.boxButton .shgBtn span{display: block;width: 81px;position: absolute;left: 14px;bottom: 12px}

.shgRegisterBox .shgBtn span{height: 24px;background: url("sprite.png?v=3") -601px -394px no-repeat}
.shgRegisterBox .shgBtn:hover span{background-position: -601px -368px}

.shgCoin .shgBtn span{background: url("sprite.png?v=3") -720px -394px no-repeat ;height: 26px}
.shgCoin .shgBtn:hover span{background-position: -720px -368px}
.loginAfter{}

.loginAfter .shgBtn{float: left}
.loginAfter .shgCoin .shgBtn:hover span{background-position: -920px -368px}
.loginAfter .shgCoin .shgBtn span{background-position: -920px -394px;height: 24px}
.loginAfter .shgGuide .shgBtn span{background-position: -810px -394px;height: 24px;width: 96px;left: 0px;}
.loginAfter .shgGuide .shgBtn:hover span{background-position:-810px -368px}
/*****************End flash**********************/
wrapper-left .item-downLoad{margin-top: 105px;position: relative;z-index: 10}
.wrapper-inner .wrapper-left .menuLeft{background: url("bg-menuleft.png") 0 0 repeat-y;padding: 7px 10px;min-height: 200px;margin-top: -6px;position: relative;z-index: 1}
.wrapper-left .menuLeft a{display: block}
.wrapper-left .menuLeft img{width: 197px;height: 39px;display: block;margin-top: 10px}
.wrapper-left .menuLeft img.ititleNews{background-position:-720px -112px }
.wrapper-left .menuLeft img.ititleExps{background-position:-720px -161px }
.wrapper-left .menuLeft img.ititlePeople{background-position: -720px -461px}

.wrapper-left .menuLeft .support{margin: 16px 0 0 -4px;width: 204px;height: 97px;background: url("hotro.png") 0 0 no-repeat;position: relative}
.wrapper-left .menuLeft .support a{display: block;width: 155px;height: 18px;position: absolute;bottom: 7px;right: 4px}
.wrapper-left .menuLeft .error{height: 55px;background: url("bg-inner-left.png") 0 0 no-repeat;margin-top: 2px;padding: 10px 10px 10px 25px}
.wrapper-left .menuLeft .error a{display: block;padding:0 10px 0 42px;height: 34px;background-position: -952px -320px}
.wrapper-left .menuLeft .error span{display: block;width: 90px;height: 26px;background-position: -720px -506px}
.wrapper-left .menuLeft .error a:hover span{background-position: -810px -506px}
.wrapper-left .menuLeft .maintenance{width: 204px;height: 96px;background: url("bg-inner-left.png") 0 0 no-repeat;}
.wrapper-left .menuLeft .maintenance .maintenance-inner{margin: 0 0 0 -4px;;display: block;width: 204px;height: 97px;background: url("baotri.png") 0 0 no-repeat}
.wrapper-left .menuLeft .menuLeft-inner{background: url("menu-left-sprite.png") 0 0 no-repeat;position: absolute;bottom: -91px;height: 92px;left: 0;width: 100% }
.wrapper-inner .wrapper-center{width: 100%}
.wrapper-inner .wrapper-center .wrapperInner-data{position: relative;background: url("bg-wrapper.png") 0 0 repeat-y;z-index: 10;padding: 0 ;margin-left: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.wrapper-center .wrapperInner-data .fakeTop{position: absolute;width:100%;height: 178px;background: url("wrap-sprite.png") 0 0 no-repeat;left: -1px ;z-index: 1}
.wrapper-center .wrapperInner-data .fakeBot{position: absolute;width:100%;height: 199px;background: url("wrap-sprite.png") 0 -201px no-repeat;left: -1px ;z-index: 1;bottom: 0}
.wrapper-inner .wrapper-right {width:161px;margin-right:-161px}
.wrapper-inner .wrapper-right .menuRight{position:relative;background: url("bg-menuright.png") 0 0 repeat-y;z-index: 20;margin: 29px 0 0 7px}
.wrapper-inner .wrapper-right .menuRight .menuRightFaketop{position: absolute;z-index: 1;background: url("popup-sprite.png") 0 0 no-repeat;height: 55px;width: 100%;top:-31px}
.wrapper-inner .wrapper-right .menuRight .menuRightFakebot{position: absolute;z-index: 1;background: url("popup-sprite.png") 0 -55px no-repeat;height: 80px;width:165px;bottom:-2px;left: -7px}
.wrapper-inner .wrapper-right .menuRight .menuRight-inner{position: relative;z-index: 20}
.wrapper-right .menuRight ul{padding:0 10px 15px }
.wrapper-right .menuRight ul li{padding: 10px 0 15px;position: relative;background: url("linespace3.png") 50% 100% no-repeat}
.wrapper-right .menuRight ul li img{width: 28px;height: 28px;position: absolute;top:4px;left: 0;}
.wrapper-right .menuRight ul li img.home{background-position:-448px -224px }
.wrapper-right .menuRight ul li img.guide{background-position:-448px -256px }
.wrapper-right .menuRight ul li img.scoin{background-position:-448px -287px}
.wrapper-right .menuRight ul li img.forum{background-position:-448px -320px}
.wrapper-right .menuRight ul li a{display: block;font-size: 16px;color: #5a3524;margin-left: 32px;font-weight: bold}
.wrapper-right .menuRight ul li a:hover{color: #913a12}



/********************* Content-inner ******************/
.contentMini{padding: 14px 27px;position: relative;z-index: 20;min-height:800px}

.contentMini .jwts_tabbernav{padding-left: 5px}
.contentMini .jwts_tabbernav li{float: left;border-right: 1px solid #b4b4ad;margin:0 15px 0 0;position: relative}
.contentMini .jwts_tabbernav li:last-child{border: none}
.jwts_tabbernav li a{color: #611f11;font-size: 15px }
.jwts_tabbernav li.jwts_tabberactive a{font-weight: bold}
img.ball{width: 19px;height: 17px;background-position: -448px -351px;position: absolute;left: -8px;top:2px}

.jwts_tabberlive {margin:4px 0;padding:0}
.jwts_tabberlive .jwts_tabbertab {margin:0;padding:6px;border:1px solid #bbb;border-top:0px;}
.jwts_tabberlive .jwts_tabbertabhide {display:none}
ul.jwts_tabbernav {margin:0;padding:3px 4px;list-style:none;list-style-image:none;background:none;border-bottom:1px solid #bbb;line-height:normal;height:auto;}
ul.jwts_tabbernav li {list-style:none;list-style-image:none;background:none;border: none !important;}
ul.jwts_tabbernav li a{}
ul.jwts_tabbernav li a:link {font-size:12px;font-weight:bold;margin:0 1px;padding:4px 10px;color:#333;border:1px solid #bbb;border-bottom:none;background:#fff}
ul.jwts_tabbernav li a:visited {color:#333;}
ul.jwts_tabbernav li a:hover {font-size:12px;font-weight:bold;margin:0px 1px;color:#8B5A49;border:1px solid #aaa;border-bottom:none;background:#f2f2f2;text-decoration:none;}
ul.jwts_tabbernav li a:active,ul.jwts_tabbernav li a:focus {outline:0;}
ul.jwts_tabbernav li.jwts_tabberactive a {background:#f8f8f8;border-bottom:1px solid #fff;}
ul.jwts_tabbernav li.jwts_tabberactive a:hover {background:#fff;border-bottom:1px solid #fff;text-decoration:none;}
.jwts_tabberlive .jwts_tabbertab,ul.jwts_tabbernav {text-align:left;} /* force content orientation */

.contentMini-inner .boxContentData img{max-width: 535px !important;}
.contentMini-inner .mainTitle{position: relative;background: url("bg-head-title.jpg") 0 0 no-repeat;margin-top: 25px}
.contentMini-inner .mainTitle h1{padding:11px 0 30px}
.contentMini-inner .mainTitle .entry-title{display: block;font-size: 20px;color: #611f11;text-align: center;font-weight: normal}
.contentMini-inner .mainTitle .published{position: absolute;bottom: 12px;font-size: 12px;color: #727272;left: 50%;width: 120px;margin-left: -60px}
.contentMini-inner .newData{padding:27px 0 40px 15px;color: #000;font-size: 12px;line-height: 22px}
.contentMini-inner .lineSpace1{height: 3px;width:572px;background: url("linespace2.png") 0 0 no-repeat;position: absolute;left: 19px; }
.contentMini-inner .blockCenterContent-b1{color: #611f11;padding: 35px 0 35px 20px}
.contentMini-inner .blockCenterContent-b1 h3{position: relative;font-size: 20px;font-weight: bold;padding:0 0 9px 13px}
.blockCenterContent-b1 h3 .ball{top:4px;left: -8px}
.blockCenterContent-b1 h3 .viewMore-link{color: #000;font-size: 11px;font-weight: normal;position: absolute;right: 0;top:6px}
.contentMini-inner .blockCenterContent-b1 ul li{padding: 5px 0}
.contentMini-inner .blockCenterContent-b1 span.published{padding: 2px 3px;background: #ffedcf;margin-right: 18px;-moz-border-radius: 5px;-webkit-border-radius: 5px;font-size: 12px}
.contentMini-inner .blockCenterContent-b1 li a{font-size: 12px;color: #611f11}
.contentMini-inner .blockCenterContent-b1 li a:hover{color: #000}
.contentMini-inner .PagingWrapper{position: relative;width: 100%;overflow: hidden}
.PagingWrapper .PagingControl{position: relative;left: -50%;float: right;padding: 0;margin: 0}
.PagingWrapper .PagingControl .bottomWrapper{position: relative;left: 50%;padding: 0;margin: 0;overflow: hidden;}
.contentMini-inner .PagingWrapper .button, .contentMini-inner .PagingWrapper .PageList a{display: block;width: 19px;height: 17px;float: left;position: relative;margin-right:5px}
.contentMini-inner .PagingWrapper .button{background: url("page-button.png") 0 0 no-repeat}
.contentMini-inner .PagingWrapper .button.PageFirst{background-position:0 0 }
.contentMini-inner .PagingWrapper .button.PagePrev{background-position:0 -17px}
.contentMini-inner .PagingWrapper .button.PageNext{background-position:0 -34px}
.contentMini-inner .PagingWrapper .button.PageLast{background-position:0 -51px}
.contentMini-inner .PagingWrapper .PageList{font-size: 13px;font-weight: bold;top:-3px;text-align: center;border-right: 1px solid #646461;display: block;float: left}
.contentMini-inner .PagingWrapper .PageList.Last{border: none}
.contentMini-inner .PagingWrapper .PageList a{color: #262626}
.contentMini-inner .PagingWrapper .PageList.active a{color: #8c0000}
/****************** List tin ******************************/
.listNew{padding-bottom: 127px}
.listNew .mainTitle h3{padding: 16px 0 24px;}
.contentMini-inner .PagingWrapper.Top{margin-top: 26px}
.listNew  .blockCenterContent-b1{padding: 29px 7px 17px 8px}
.listNew .blockCenterContent-b1 .button{display: inline-block;width: 68px;height: 20px;text-align: center;background: url("bg-butNew.png") 0 0 repeat-x;line-height: 20px;color: #fff;margin-right: 14px;font-size: 11px;position: absolute;left: 0}
.listNew .blockCenterContent-b1 ul li{padding: 0 90px 0 82px;margin-bottom: 19px;position: relative}
.listNew .blockCenterContent-b1 li a{font-size: 13px }
.listNew .blockCenterContent-b1 span.published {background: transparent;color: #2f2f2f;position: absolute;right: 0;padding: 0;font-size: 13px;top:2px}

/****************************** Menu Hướng Dẫn ***************************/

.wrapper-left .menuLeft img.ititleGuide{background-position:-720px -209px }
.menuLeft .boxGuideContent{background: url("bg-guide.jpg") 0 0 repeat-y;width: 169px;border: 1px solid #571710;padding: 12px 11px 38px 14px}
.boxGuideContent .GuideNameFake{;background: url("bg-guide-bot.png") 0 100% repeat-x}
.boxGuideContent .GuideName{height: 36px;color: #808080;font-weight: bold;line-height: 36px;cursor: pointer;padding-left: 16px;position: relative;font-weight: bold}
.boxGuideContent .GuideName:hover{color: #927b11;background: url("sprite.png") no-repeat -611px -421px}
.Guide .GuideName .rows{width: 8px;height: 8px;background-position: -992px -112px;display: inline-block;position: absolute;left: 4px;top: 5px}
.Guide .Guide-data{padding:0 0 10px 0;margin:0 0 0 10px}
.Guide .Guide-data .itemGuild{display: block;height: 21px;line-height: 21px;color:#FFFFFF;font-size: 11px;background: url("bg-guide-sub.png") 0 0 repeat-y;padding-left: 12px}
.Guide .Guide-data .itemGuild:hover{color: #927b11}
.Guide .Guide-data .itemGuild.active{color: #927b11}

/************ Gallery ********************/
.tabMenu{background: url("tab_gallery.png") 0 0 no-repeat}
.wrapper-left .menuLeft img.ititleGamer{background-position:  0 0}
.wrapper-left .menuLeft img.ititleWallpaper {background-position: 0 -39px}
.wrapper-left .menuLeft img.ititleMember{background-position: 0 -78px}
.Guide .Guide-data  .itemGuild.active span{color: #927b11}
/************* Tab gallery **************/

.tabMenu{background: url("tab_gallery.png") 0 0 no-repeat}
.wrapper-left .menuLeft img.ititleGamer{background-position:  0 0}
.wrapper-left .menuLeft img.ititleWallpaper {background-position: 0 -39px}
.wrapper-left .menuLeft img.ititleMember{background-position: 0 -78px}
